@charset "utf-8";
			.page1,.page2,.page3,.page4{
				position: absolute;left: 78px;top: 36px;
				width: 734px;
			}
			.huise{
				height: 356px;
				background: #f7f7f7;
			}
			.page2 .roll{
				width: 294px;
			}
			.page2 .mail{
				color: white;
			}
			.page3 .roll{
				width: 451px;
			}
			.page3 .mail,.page3 .yanzheng{
				color: white;
			}
			.page4 .roll{
				width: 619px;
			}
			.page4 .mail,.page4 .yanzheng,.page4 .success{
				color: white;
			}
			.binding{
				font-size: 20px;
				color: #858b90;
				height: 51px;
			}
			.plan{
				position: relative;left: 23px;top: 41px;
				width: 619px;
				height: 20px;
				border-radius: 20px;
				z-index: 0;
				background:#f0f0f0;
			}
			.circle{
				display: inline-block;
				position: absolute;left: 9px;top: 7px;
				background: white;
				width: 6px;
				height: 6px;
				border-radius: 6px;
			}
			.mobile{
					width: 167px;
					height: 100%;
					background: #eb413d;
					border-radius:20px ;
					position: relative;
					color: white;
					font-size: 14px;
					z-index: 0;
					float: left;
			}
			.mail{
					width: 127px;
					border-radius:20px ;
					position: relative;
					z-index: 0;
					font-size: 14px;
					line-height: 20px;
					color: #979797;
					background: transparent;
					height: 20px;
					float: left;
					text-align: center;
			}
			.yanzheng{
					width: 157px;
					border-radius:20px ;
					position: relative;
					z-index: 0;
					font-size: 14px;
					line-height: 20px;
					color: #979797;
					background: transparent;
					height: 20px;
					float: left;
					text-align: center;
			}
			.success{
					width: 168px;
					border-radius:20px ;
					position: relative;
					z-index: 0;
					font-size: 14px;
					line-height: 20px;
					color: #979797;
					background: transparent;
					height: 20px;
					float: left;
					text-align: center;
			}
			.roll{
					width: 167px; 
					height: 20px;
					z-index: -1;
					background: #eb413d;
					border-radius:20px ;
					position: absolute;left: 0px;top: 0px;
			}
			.content{
				margin-left: 148px;
				margin-top: 85px;
				width: 517px;
				height: 251px;
			}
			.page2 .content{
				margin-left: 134px;
				margin-top: 82px;
				width: 531px;
				height: 254px;
			}
			.page2 .content .c_haoma{
				height: 30px;
				color: #9ba0a4;
			}
			.page2 .content .c_i_input{
				width: 366px;
				height: 50px;
				padding-right: 150px;
			}
			.page2 .content .c_i_alt{
				color: #ea413a;
				font-size: 13px;
				margin-left: -137px;
				display: inline-block;
			}
			.page2 .next_step{
				margin-left: 108px;
				margin-top: 28px;
			}
			.page3 .content{
				width: 344px;
				height: 198px;
			}
			.page3 .content .c_haoma{
				font-size: 16px;
				color: #435059;
				height: 33px;
				text-align: center;
			}
			.page3 .content .c_mail{
				font-size: 16px;
				color: #454f59;
				text-align: center;
				height: 38px;
			}
			.page3 .next_step{
				margin: 0 auto;
				display: block;
			}
			.page3 .c_alt{
				font-size:13px ;
				color: #999999;
				margin-top: 21px;
			}
			.page3 .c_alt .c_alt_btn{
				background: none;
				border: none;
				color: #eb423f;
				border-bottom: 1px solid #eb423f;
			}
			.page4 .content .c_haoma{
				font-size: 20px;
				width: 80px;
				margin-left: 133px;
				color: #565f68;
			}
			.c_haoma{
				font-size: 13px;
				color:#444f58;
				height: 41px;
			}
			.c_input{
				height: 52px;
			}
			.c_i_p{
				display: inline-block;
				width: 79px;
				height: 40px;
				line-height: 40px;
				color: #878787;
			}
			.c_i_input{
				height: 38px;
				width: 176px;
				border: 1px solid #e7e7e7;
				font-size: 13px;
				padding-left: 13px;
				padding-right: 13px;
				box-sizing: border-box;
			}
			.c_i_image{
				width: 99px;
				height: 41px;
				margin-bottom: -15px;
				margin-left: 16px;
				margin-right: 16px;
			}
			.c_i_btn{
				background: transparent;
				font-size: 13px;
				height: 32px;
				line-height: 40px;
				color: #666e74;
				background: #f7f7f7;
				border-bottom: 1px solid #b7b9bc;
			}
			.c_i_get{
				width: 104px;
				height: 40px;
				color: white;
				background: #eb413d;
				margin-left: 12px;
				border-radius: 40px;
				font-size: 13px;
				
			}
			.next_step{
				width: 182px;
				height: 48px;
				background: #eb413d;
				color: white;
				border-radius: 48px;
				margin-left: 79px;
				margin-top: 15px;
			}
			.none{
				display: none;
			}
			.block{
				display: block;
			}
			button{
				outline: none;
			}
			.fade:hover,.fade:active{
				opacity: 0.3;
			}
	